/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Template for designing a screen layout
 * (de) Gestaltungsvorlage für die Erstellung eines Screenlayouts
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.3
 * @revision        $Revision:392 $
 * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
 */
@media screen , projection { /** 
   * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera 
   * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera 
   *
   * @workaround
   * @affected IE8, FF, Webkit, Opera
   * @css-for all
   * @valid CSS3
   */
	body {
		overflow-y: scroll;
	}

	/*------------------------------------------------------------------------------------------------------*/

	/**
  * Design of the Basic Layout | Gestaltung des YAML Basis-Layouts
  *
  * @section layout-basics
  */

	/* Page margins and background | Randbereiche & Seitenhintergrund */
	body {
		text-align: center;
	}

	/* Layout:Width, Background, Border | Layout:Breite, Hintergrund, Rahmen */
	/*.page_margins { text-align:left; margin:0 auto; }*/
	.page_margins {
		max-width: 80em;
		min-width: 1260px;
		background: #fff;
	}
	.page {
		padding: 10px;
	}

	/* 主要布局元素的设计 */
	#header {
		border: 1px solid #66C1F9;
		padding: 45px 2em 1em 20px;
	}
	#topnav {
		
	}
	#main {
		background: #fff;
		padding: 10px 0;
	}
	#footer {
		color: #666;
		background: #f9f9f9;
		padding: 10px 20px;
		border-top: 5px #efefef solid;
		line-height: 1.5em;
	}

	/*------------------------------------------------------------------------------------------------------*/

	/**
  * Formatting of the Content Area | Formatierung der Inhaltsbereichs
  *
  * @section layout-main
  */
	#col1 {
		width: 25%;
		background: #E2F8FE;
	}
	#col1_content {
		padding: 10px 10px 10px 20px;
	}
	#col2 {
		display: none;
	}
	#col2_content {
		display: none;
	}
	#col3 {
		margin-left: 25%;
		margin-right: 0;
		background: #FEFEDE
	}
	#col3_content {
		padding: 10px;
	}

	/* #col1 { width:250px; background:#E2F8FE;float:right}
  #col1_content { padding:10px 10px 10px 20px; }

  #col2 { width:250px; background:#EFFEF7;float:left}
  #col2_content { padding:10px 20px 10px 10px; }

  #col3 { margin:0 250px; background:#FEFEDE}
  #col3_content { padding:10px; }
*/

	/*------------------------------------------------------------------------------------------------------*/

	/**
  * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
  *
  * @section layout-misc
  */

	/**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Skiplinks 
  *
  * (en) Visual styling for skiplink navigation
  * (de) Visuelle Gestaltung der Skiplink-Navigation
  *
  * @section content-skiplinks
  */
	#skiplinks a.skip:focus,#skiplinks a.skip:active {
		color: #fff;
		background: #333;
		border-bottom: 1px #000 solid;
		padding: 10px 0;
		text-decoration: none;
	}
}